<!DOCTYPE html>
<html>
<head lang="en">
    <meta charset="UTF-8">
    <meta name="viewport"
          content="width=device-width,minimum-scale=1.0,maximum-scale=1.0,user-scalable=no,initial-scale=1.0"/>
    <title>天鼎投资·与牛共舞</title>
    <link rel="stylesheet" type="text/css" href="css/styleUI.css">
    <link rel="stylesheet" type="text/css" href="css/style.css">
</head>
<body>
<div id="page" class="uf uf-ver">
    <div id="header" class="uf uf-ac">
        <a href="index.html" class="uf-f nav active">首页</a>
        <a href="calendar.html" class="uf-f nav">财日历</a>
        <a href="liveVideo.html" class="uf-f nav hot">牛直播</a>
        <a href="achievement.html" class="uf-f nav">晒战绩</a>
        <a href="team.html" class="uf-f nav">团队介绍</a>
    </div>

    <div id="container" class="uf-f u-scroll">

        <img class="banner" src="image/static/banner_index.jpg">

        <div class="exponent uf uf-ac uf-pj">
            <div class="exp">
                <div class="num down">0000.00↓</div>
                <div class="text">上证指数-0.00%</div>
            </div>
            <div class="exp">
                <div class="num">0000.00↑</div>
                <div class="text">深证成指0.00%</div>
            </div>
            <div class="exp">
                <div class="num">0000.00↑</div>
                <div class="text">创业板指0.00%</div>
            </div>
        </div>

        <div id="tabIndex">
            <div class="uf">
                <div class="uf-f tab active" onclick="tabSelect(this);">大势研判</div>
                <div class="uf-f tab" onclick="tabSelect(this);">板块揭秘</div>
                <div class="uf-f tab" onclick="tabSelect(this);">牛股情报</div>
            </div>
        </div>
        <div id="tabContent">
            <ul class="tabView show">
                <li>
                    <a href="article.html" class="aLi uf uf-ac">
                        <div class="newsCon uf-f">
                            <div class="title">雄安新区规划绿地要过半 行业投资机会雄安新区规划绿地要过半 行业投资机会</div>
                            <div class="text ub ub-ver">
                                2017年会上，京津冀协同发展专家咨询委员会组长徐匡迪透露，新区规划重新协同发展专家咨询委员会组长徐匡迪透露新区规划重新协同发展专家咨询委员会组长徐匡迪透露新区规划重新协同发展专家咨询委员会组长徐匡迪透露。
                            </div>
                            <div class="uf uf-pj">
                                <div class="icon clock"></div>
                                <div class="icon eye"></div>
                            </div>
                            <div class="uf uf-ac uf-pj census">
                                <div class="ub ub-ac">
                                    <div class="icon-clock"></div>
                                    <div class="sj">2017-06-08</div>
                                </div>
                                <div class="ub ub-ac">
                                    <div class="icon-eye"></div>
                                    <div class="sl">518</div>
                                </div>
                            </div>
                        </div>
                        <div class="newsImg"><img src="image/static/newsImg.jpg"></div>
                    </a>
                </li>
                <li>
                    <a href="article.html" class="aLi uf uf-ac">
                        <div class="newsCon uf-f">
                            <div class="title">雄安新区规划绿地要过半 行业投资机会雄安新区规划绿地要过半 行业投资机会</div>
                            <div class="text ub ub-ver">
                                2017年会上，京津冀协同发展专家咨询委员会组长徐匡迪透露，新区规划重新协同发展专家咨询委员会组长徐匡迪透露新区规划重新协同发展专家咨询委员会组长徐匡迪透露新区规划重新协同发展专家咨询委员会组长徐匡迪透露。
                            </div>
                            <div class="uf uf-pj">
                                <div class="icon clock"></div>
                                <div class="icon eye"></div>
                            </div>
                            <div class="uf uf-ac uf-pj census">
                                <div class="ub ub-ac">
                                    <div class="icon-clock"></div>
                                    <div class="sj">2017-06-08</div>
                                </div>
                                <div class="ub ub-ac">
                                    <div class="icon-eye"></div>
                                    <div class="sl">518</div>
                                </div>
                            </div>
                        </div>
                        <div class="newsImg"><img src="image/static/newsImg.jpg"></div>
                    </a>
                </li>
                <li>
                    <a href="article.html" class="aLi uf uf-ac">
                        <div class="newsCon uf-f">
                            <div class="title">雄安新区规划绿地要过半 行业投资机会雄安新区规划绿地要过半 行业投资机会</div>
                            <div class="text ub ub-ver">
                                2017年会上，京津冀协同发展专家咨询委员会组长徐匡迪透露，新区规划重新协同发展专家咨询委员会组长徐匡迪透露新区规划重新协同发展专家咨询委员会组长徐匡迪透露新区规划重新协同发展专家咨询委员会组长徐匡迪透露。
                            </div>
                            <div class="uf uf-pj">
                                <div class="icon clock"></div>
                                <div class="icon eye"></div>
                            </div>
                            <div class="uf uf-ac uf-pj census">
                                <div class="ub ub-ac">
                                    <div class="icon-clock"></div>
                                    <div class="sj">2017-06-08</div>
                                </div>
                                <div class="ub ub-ac">
                                    <div class="icon-eye"></div>
                                    <div class="sl">518</div>
                                </div>
                            </div>
                        </div>
                        <div class="newsImg"><img src="image/static/newsImg.jpg"></div>
                    </a>
                </li>
                <li>
                    <a href="article.html" class="aLi uf uf-ac">
                        <div class="newsCon uf-f">
                            <div class="title">雄安新区规划绿地要过半 行业投资机会雄安新区规划绿地要过半 行业投资机会</div>
                            <div class="text ub ub-ver">
                                2017年会上，京津冀协同发展专家咨询委员会组长徐匡迪透露，新区规划重新协同发展专家咨询委员会组长徐匡迪透露新区规划重新协同发展专家咨询委员会组长徐匡迪透露新区规划重新协同发展专家咨询委员会组长徐匡迪透露。
                            </div>
                            <div class="uf uf-pj">
                                <div class="icon clock"></div>
                                <div class="icon eye"></div>
                            </div>
                            <div class="uf uf-ac uf-pj census">
                                <div class="ub ub-ac">
                                    <div class="icon-clock"></div>
                                    <div class="sj">2017-06-08</div>
                                </div>
                                <div class="ub ub-ac">
                                    <div class="icon-eye"></div>
                                    <div class="sl">518</div>
                                </div>
                            </div>
                        </div>
                        <div class="newsImg"><img src="image/static/newsImg.jpg"></div>
                    </a>
                </li>
                <li>
                    <a href="article.html" class="aLi uf uf-ac">
                        <div class="newsCon uf-f">
                            <div class="title">雄安新区规划绿地要过半 行业投资机会雄安新区规划绿地要过半 行业投资机会</div>
                            <div class="text ub ub-ver">
                                2017年会上，京津冀协同发展专家咨询委员会组长徐匡迪透露，新区规划重新协同发展专家咨询委员会组长徐匡迪透露新区规划重新协同发展专家咨询委员会组长徐匡迪透露新区规划重新协同发展专家咨询委员会组长徐匡迪透露。
                            </div>
                            <div class="uf uf-pj">
                                <div class="icon clock"></div>
                                <div class="icon eye"></div>
                            </div>
                            <div class="uf uf-ac uf-pj census">
                                <div class="ub ub-ac">
                                    <div class="icon-clock"></div>
                                    <div class="sj">2017-06-08</div>
                                </div>
                                <div class="ub ub-ac">
                                    <div class="icon-eye"></div>
                                    <div class="sl">518</div>
                                </div>
                            </div>
                        </div>
                        <div class="newsImg"><img src="image/static/newsImg.jpg"></div>
                    </a>
                </li>
                <li>
                    <a href="article.html" class="aLi uf uf-ac">
                        <div class="newsCon uf-f">
                            <div class="title">雄安新区规划绿地要过半 行业投资机会雄安新区规划绿地要过半 行业投资机会</div>
                            <div class="text ub ub-ver">
                                2017年会上，京津冀协同发展专家咨询委员会组长徐匡迪透露，新区规划重新协同发展专家咨询委员会组长徐匡迪透露新区规划重新协同发展专家咨询委员会组长徐匡迪透露新区规划重新协同发展专家咨询委员会组长徐匡迪透露。
                            </div>
                            <div class="uf uf-pj">
                                <div class="icon clock"></div>
                                <div class="icon eye"></div>
                            </div>
                            <div class="uf uf-ac uf-pj census">
                                <div class="ub ub-ac">
                                    <div class="icon-clock"></div>
                                    <div class="sj">2017-06-08</div>
                                </div>
                                <div class="ub ub-ac">
                                    <div class="icon-eye"></div>
                                    <div class="sl">518</div>
                                </div>
                            </div>
                        </div>
                        <div class="newsImg"><img src="image/static/newsImg.jpg"></div>
                    </a>
                </li>
            </ul>
            <ul class="tabView">
                <li>
                    <a href="article.html" class="aLi uf uf-ac">
                        <div class="newsCon uf-f">
                            <div class="title">行业投资机会</div>
                            <div class="text ub ub-ver">
                                2017年会上，同发展专家咨询委员。
                            </div>
                            <div class="uf uf-pj">
                                <div class="icon clock"></div>
                                <div class="icon eye"></div>
                            </div>
                            <div class="uf uf-ac uf-pj census">
                                <div class="ub ub-ac">
                                    <div class="icon-clock"></div>
                                    <div class="sj">2017-06-08</div>
                                </div>
                                <div class="ub ub-ac">
                                    <div class="icon-eye"></div>
                                    <div class="sl">518</div>
                                </div>
                            </div>
                        </div>
                        <div class="newsImg"><img src="image/static/newsImg.jpg"></div>
                    </a>
                </li>
                <li>
                    <a href="article.html" class="aLi uf uf-ac">
                        <div class="newsCon uf-f">
                            <div class="title">雄安新区规划绿地要过半 行业投资机会雄安新区规划绿地要过半 行业投资机会</div>
                            <div class="text ub ub-ver">
                                新区规划重新协同发展专家咨询委员会组长徐匡迪透露。
                            </div>
                            <div class="uf uf-pj">
                                <div class="icon clock"></div>
                                <div class="icon eye"></div>
                            </div>
                            <div class="uf uf-ac uf-pj census">
                                <div class="ub ub-ac">
                                    <div class="icon-clock"></div>
                                    <div class="sj">2017-06-08</div>
                                </div>
                                <div class="ub ub-ac">
                                    <div class="icon-eye"></div>
                                    <div class="sl">518</div>
                                </div>
                            </div>
                        </div>
                        <div class="newsImg"><img src="image/static/newsImg.jpg"></div>
                    </a>
                </li>
            </ul>
            <ul class="tabView">
                <li>
                    <a href="article.html" class="aLi uf uf-ac">
                        <div class="newsCon uf-f">
                            <div class="title">行业投资机会雄安新区规划绿地要过半 行业投资机会</div>
                            <div class="text ub ub-ver">
                                2015年会上，京津冀协同发展专家咨询委员会组长徐匡迪透露，新区规划重新协同发展专家咨询委员会组长徐匡迪透露新区规划重新协同发展专家咨询委员会组长徐匡迪透露新区规划重新协同发展专家咨询委员会组长徐匡迪透露。
                            </div>
                            <div class="uf uf-pj">
                                <div class="icon clock"></div>
                                <div class="icon eye"></div>
                            </div>
                            <div class="uf uf-ac uf-pj census">
                                <div class="ub ub-ac">
                                    <div class="icon-clock"></div>
                                    <div class="sj">2017-06-08</div>
                                </div>
                                <div class="ub ub-ac">
                                    <div class="icon-eye"></div>
                                    <div class="sl">518</div>
                                </div>
                            </div>
                        </div>
                        <div class="newsImg"><img src="image/static/newsImg.jpg"></div>
                    </a>
                </li>
                <li>
                    <a href="article.html" class="aLi uf uf-ac">
                        <div class="newsCon uf-f">
                            <div class="title">行业投资机会雄安新区规划绿地要过半 行业投资机会</div>
                            <div class="text ub ub-ver">
                                2015年会上，京津冀协同发展专家咨询委员会组长徐匡迪透露，新区规划重新协同发展专家咨询委员会组长徐匡迪透露新区规划重新协同发展专家咨询委员会组长徐匡迪透露新区规划重新协同发展专家咨询委员会组长徐匡迪透露。
                            </div>
                            <div class="uf uf-pj">
                                <div class="icon clock"></div>
                                <div class="icon eye"></div>
                            </div>
                            <div class="uf uf-ac uf-pj census">
                                <div class="ub ub-ac">
                                    <div class="icon-clock"></div>
                                    <div class="sj">2017-06-08</div>
                                </div>
                                <div class="ub ub-ac">
                                    <div class="icon-eye"></div>
                                    <div class="sl">518</div>
                                </div>
                            </div>
                        </div>
                        <div class="newsImg"><img src="image/static/newsImg.jpg"></div>
                    </a>
                </li>
            </ul>
        </div>


    </div>

    <div id="footer" class="uf">
        <a href="index.html" class="uf-f uf uf-ver uf-ac uf-pc active">
            <div class="footIcon"></div>
            资讯</a>
        <a href="liveVideo.html" class="uf-f uf uf-ver uf-ac uf-pc">
            <div class="footIcon"></div>
            直播室</a>
        <a href="vip.html" class="uf-f uf uf-ver uf-ac uf-pc">
            <div class="footIcon"></div>
            VIP专享</a>
    </div>

</div>

<script type="text/javascript" src="js/jquery-3.1.1.min.js"></script>
<script type="text/javascript">

    $(document).ready(function () {
                var $container = $("#container");
                var $tabIndex = $("#tabIndex"),
                        topH = $tabIndex.position().top;
                var headerH = $("#header").outerHeight();
                //tabIndex滚动到顶部时，定位在顶部
                $container.scroll(function () {
                    var afterScrollTop = $container.scrollTop();
                    if (afterScrollTop >= topH) {
                        $tabIndex.css({
                            "position": "fixed",
                            "top": headerH
                        });
                    } else {
                        $tabIndex.css({
                            "position": "absolute",
                            "top": topH
                        });
                    }
                });
            }
    );

    //定时刷新股票数据
    (function () {
        var timer = 3000;//毫秒
        var stockData = function () {
            $.ajax({
                url: "http://hq.sinajs.cn/list=s_sh000001,s_sz399001,s_sz399006",
                type: "GET",
                cache: "false",
                dataType: "script",
                success: function () {
//                var hq_str_s_sh000001="上证指数,3133.9113,-6.1023,-0.19,178072,2215346";
//                var hq_str_s_sz399001="深证成指,10286.99,-1.540,-0.01,23558141,3151173";
//                var hq_str_s_sz399006="创业板指,1819.50,-1.479,-0.08,1449067,210139";
                    var dataArr = [hq_str_s_sh000001.split(","), hq_str_s_sz399001.split(","), hq_str_s_sz399006.split(",")]
                    $(".exponent .exp").each(function (index, item) {
                        var $exp = $(item);
                        var $num = $exp.find('.num');
                        var $text = $exp.find('.text');
                        var num = (dataArr[index][1] * 1).toFixed(2);
                        var numTxt = "";
                        var name = dataArr[index][0];
                        var rate = dataArr[index][3] * 1;
                        var percent = rate.toFixed(2) + '%';
                        var text = name + percent;
                        if (rate < 0) {
                            $exp.addClass("down");
                            numTxt = num + "↓";
                        } else {
                            $exp.removeClass("down");
                            numTxt = num + "↑";
                        }
                        $num.html(numTxt);
                        $text.html(text);
                    })

                }
            })
        };
        stockData();
        setInterval(stockData, timer)
    })();

    //切换tab
    function tabSelect(ele) {
        var $tabIndex = $(ele), index = $tabIndex.index();
        var tabArr = $("#tabContent .tabView");
        if ($tabIndex.hasClass('active'))return;
        $tabIndex.addClass('active').siblings().removeClass('active');
        $(tabArr[index]).addClass('show').siblings().removeClass('show');
    }


</script>
</body>
</html>